<!DOCTYPE html>
<html lang="en">

<head>
  <%= require('utils')['inc']('meta') %>
  <title>高级搜索</title>
</head>

<body>
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <div class="normal-aside">
            <%= require('utils')['inc']('aside') %>
          </div>
          <div class="search-aside">
            <%= require('utils')['inc']('searchAside') %>
          </div>
        </div>
      </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
      <!-- 主页面标题 -->
      <%= require('utils')['inc']('headerHasTitle', { title: '第<span class="theme_color">20</span>类 家具商标' }) %>
      <div class="mui-content mui-scroll-wrapper bgWhite has-footer">
        <div class="mui-scroll">
          <!-- 主界面具体展示内容 -->
          <div class="category-control">
            <div id="categoryControl" class="mui-segmented-control mui-segmented-control-inverted">
              <div class="mui-control-item mui-active">综合</div>
              <div class="mui-control-item">
                人气
                <span class="mui-icon mui-icon-arrowup"></span>
              </div>
              <div class="mui-control-item">
                价格
                <span class="mui-icon mui-icon-arrowup"></span>
              </div>
              <div class="mui-control-item">
                评分
                <span class="mui-icon mui-icon-arrowup"></span>
              </div>
              <div class="mui-control-item" id="maodian">
                筛选
                <span class="mui-icon-extra mui-icon-extra-filter"></span>
              </div>
            </div>

            <div class="mui-row">
              <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                <div>
                  <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                </div>
                <div class="goods_title">为食状元</div>
                <div class="goods_price">登陆后查看价格</div>
              </div>
              <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                <div>
                  <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                </div>
                <div class="goods_title">为食状元</div>
                <div class="login_price">￥3000.00</div>
              </div>
              <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                <div>
                  <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                </div>
                <div class="goods_title">为食状元</div>
                <div class="goods_price">登陆后查看价格</div>
              </div>
              <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                <div>
                  <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                </div>
                <div class="goods_title">为食状元</div>
                <div class="goods_price">登陆后查看价格</div>
              </div>
            </div>

          </div>
        </div>
      </div>
      <!-- off-canvas backdrop -->
      <div class="mui-off-canvas-backdrop"></div>
    </div>
  </div>


  <div id="popover" class="mui-popover category-all">
    <div class="mui-scroll-wrapper">
      <div class="mui-scroll">
        <div class="search-choose-wrap">

          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
              <a class="mui-navigate-right" href="#" data-name="leixing" data-key="">商标类型</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap radio-wrap">
                  <p class="choose-list" data-radio="cn" name="chun_ch" key="1" value="1">
                    纯中文
                  </p>
                  <p class="choose-list" data-radio="en" name="chun_en" key="1" value="1">
                    纯英文
                  </p>
                  <p class="choose-list" data-radio="pic" name="chun_tx" key="1" value="1">
                    纯图形
                  </p>
                  <p class="choose-list" data-radio="num" name="chun_num" key="1" value="1">
                    纯数字
                  </p>
                  <p class="choose-list checkbox" name="chinese" key="2" value="1">
                    包含中文
                  </p>
                  <p class="choose-list checkbox" name="english" key="2" value="1">
                    包含英文
                  </p>
                  <p class="choose-list checkbox" name="tuxing" key="2" value="1">
                    包含图形
                  </p>
                  <p class="choose-list checkbox" name="numbers" key="2" value="1">
                    包含数字
                  </p>
                </div>
              </div>
            </li>
          </ul>

          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active cn-radio">
              <a class="mui-navigate-right" href="javascript:;">汉字字数</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" name="ch_num" value="1,1">1个汉字</p>
                  <p class="choose-list" name="ch_num" value="2,2">2个汉字</p>
                  <p class="choose-list" name="ch_num" value="3,3">3个汉字</p>
                  <p class="choose-list" name="ch_num" value="4,999">4个汉字</p>
                </div>
              </div>
            </li>
          </ul>
          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active en-radio">
              <a class="mui-navigate-right" href="javascript:;">英文字数</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" name="en_num" value="1,1">1个字母</p>
                  <p class="choose-list" name="en_num" value="2,2">2个字母</p>
                  <p class="choose-list" name="en_num" value="3,3">3个字母</p>
                  <p class="choose-list" name="en_num" value="4,4">4个字母</p>
                  <p class="choose-list" name="en_num" value="5,5">5个字母</p>
                  <p class="choose-list" name="en_num" value="6,6">6个字母</p>
                  <p class="choose-list" name="en_num" value="7,7">7个字母</p>
                  <p class="choose-list" name="en_num" value="8,999">8个字母</p>
                </div>
              </div>
            </li>
          </ul>

          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
              <a class="mui-navigate-right" href="#" data-name="nianxian" data-key="">注册年限</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" data-key="0">不限</p>
                  <p class="choose-list" data-key="1">1年以下</p>
                  <p class="choose-list" data-key="2">1年以上</p>
                  <p class="choose-list" data-key="3">2年以上</p>
                  <p class="choose-list" data-key="4">3年以上</p>
                  <p class="choose-list" data-key="5">4年以上</p>
                  <p class="choose-list" data-key="6">5年以上</p>
                </div>
              </div>
            </li>
          </ul>

          <div class="search-button-wrap">
            <button type="button" class="mui-btn mui-btn-primary search-btn-clear">清空</button>
            <button type="button" class="mui-btn mui-btn-primary search-btn-search">确认</button>
          </div>
        </div>
        
      </div>
    </div>
    
  </div>

  </div>

  
</body>

</html>